const Header = () => {
    const fn = (e) => {
        console.log("写法2触发了点击事件",e)
    }

    return (
        <div>
            <h1>Header</h1>
            <button onClick={() => { console.log("你触发了点击事件") }}>Header按钮</button>
            <button onClick={fn}>Header2按钮</button>
            <p>1.react事件命名采用小驼峰</p>
            <p>2.使用jsx语需要传入一个函数</p>
            <p>3.两种写法 一种外部定义里边包含不加()||一种里边定义里边包含</p>
        </div>
    )
}
export default Header;